{% extends "layout.html" %}

{%- block title -%}Welcome {%- endblock -%}

{% block head %}
	{{ super() }}
{% endblock %}

{%- block extrastyles -%}
	<style type="text/css">
		.center {			
			text-align: center;
		}
		
		.bigTitle {
			margin: 20px;
			font-size: 40px;
		}
		
		#myCarousel img {
			width: 538px;
			height: 425px;
		}
	</style>
{%- endblock -%}

{% block content %}
	<div class="container" style="margin-top: 40px;">
	
		<div class="alert alert-error">
                    Sh**, It seems that dealer did you. This card has been used by another candidate. <a href="/">Return</a>
                </div>	
		
	</div>
	<script type="text/javascript">
		$(function() {
			$('.carousel').carousel();
			
			$("form#exam_details").submit(function(e) {
				$(this).attr({action: "/result" + "/" + $("#exam_year").val() + "/" + $("#exam_number").val()});
				// e.preventDefault();
			});
		});
	</script>
{% endblock %}